@-webkit-keyframes  slidy {
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}

@keyframes  slidy {
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}

#content-index{
  position: relative; 
  height: 100%;
  top: 65px;
  background-color: white;
}


#slide {
  width: @divWidth;
  min-height: 330px;
  background: url("../img/slide1.png");
  top: 25px;
  .content();
  position: relative; 
  overflow: hidden; 
}

#slide img {
  float: left;
  width: 100%;
}

figure#imagestrip {
  position: absolute; 
  width: 500%; 
  margin: 0; 
  top: 0; 
  left: 0;
}

figure#imagestrip img { 
  float: left; 
  width: 20%; 
}

#slide figure { 
  position: absolute; 
  width: 500%;
  margin: 0; 
  top: 0; 
  left: 0;
  -webkit-animation: 20s slidy ease-in-out infinite;
  animation: 20s slidy ease-in-out infinite; 
}

#slide-line {
  border-bottom: @border;
  .content();
  top: 50px;
}

#products {
  .content();
  height: 100%;
  top: 75px;
  margin-bottom: 75px;
}

.products-title {
  text-align: center;
  .fontStyle2(@color1);
}

.products-list {
  height: 100%;
  top: 15px;
  position: relative;
}

#itemsHotBook {
  height: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin: auto;
}

.scrollDiv {
  max-height:350px;
  overflow: scroll;
}





